<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一,什么是打包?
      // 01.工程化打包是指将项目中的各种资源(代码+图片+音视频等)进行整合和优化,便于项目的开发和部署,这是前端工程化不能缺少的技术

      // 二,我直接写的index.html浏览器就可以直接打开,为什么工程化项目打包生成的文件浏览器不能直接访问呢?
      // 01.文件路径问题(很大原因): 当我在本地直接访问index.html时,浏览器会根据当前文件的路径解析相对路径的资源,但是通过工程化代码打包生成的文件中,由于文件结构的改变,相对路径可能会无法解析,导致浏览器无法访问页面
      // 02.缺少服务器配置(部分原因): 比如某些资源可能需要启动CORS(跨域)配置
    </script>
  </body>
</html>
